<template>
	<view class="assContent" v-for="item in list" :key="item.id">
		<navbar></navbar>
		<textNavbar :myprops="item.title"></textNavbar>
		<view class="ass-content">
			<view class="ass-content-view">
				<text class="tx1">{{item.content}}</text>
				<text class="tx2">如您的疑问尚未解答欢迎您通过以下方式告知我们.联系电话：0571-88912981</text>
			</view>
		</view>
		<view class="ass-bottom"><text>你可能还需要</text></view>
		<view>
			<van-cell
			  is-link
			  title="客服中心"
			  link-type="navigateTo"
			  url="../service/service"
			/>
		</view>
	</view>
</template>

<script>
	import { articleDetail } from '../../../utils/utils';
	export default {
		data() {
			return {
				list: [], // 初始数组
			}
		},
		onLoad(option) {
			console.log(option);
			let a = {
				id: String(option.id)
			}
			articleDetail(a, (res) => {
				console.log('文章详情', res);
				this.list.push(res.data.article)
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.assContent {
		width: 100vw;
		height: 100vh;
		background-color: #EDEDED;
	}
	.ass-content {
		width: 100vw;
		background-color: white;
		display: flex;
		justify-content: center;
		padding-bottom: 10px;
	}
	.ass-content-view {
		width: 92vw;
		display: flex;
		flex-direction: column;
		line-height: 25px;
	}
	.ass-content-view > .tx2 {
		display: block;
		width: 90vw;
		text-align: center;
	}

	.ass-bottom {
		height: 25px;
		font-size: 12px;
		color: #8d8d8d;
	}
	.ass-bottom > text {
		display: block;
		margin: 12px 0 0 15px;
	}

</style>
